﻿@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-659px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}
/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}

/*页眉*/
.header{width:100%;  background-color:#fff;}

.header_top { overflow:hidden; width:100%; height:35px; background-color:#e5e5e5; border-bottom:1px solid #ccc;}
.header_top p{ font-size:12px; color:#666; line-height:35px; float:left}
.header_top ul{ overflow:hidden; float:right; margin-top:10px;}
.header_top li{ float:left; margin:0 15px; font-size:12px; color:#666}
.header_top li a{ color:#666}

.header_center { overflow:hidden; width:1200px; height:135px; margin:0 auto;}
.header_center h1{ float:left; margin-top:0px;}
.header_center h2{ font-size:24px; color:#333; padding:10px 0 10px 20px; border-left:1px solid #989898; margin-left:25px; margin-top:25px; float:left}
.header_center h2 em{ display:block; font-size:16px; margin-bottom:5px;}
.header_center .phone{ overflow:hidden; float:right; padding-left:55px; background:url(img/phone.png) no-repeat left center; margin-top:40px;}
.header_center .phone p{ font-size:13px; color:#333}
.header_center .phone h3{ font-size:30px; color:#043b9e; font-family:Arial}

.header_nav { overflow:hidden; width:100%; height:55px; background-color:#043b9e;}
.header_nav ul{ overflow:hidden}
.header_nav li{ float:left; font-size:15px; line-height:55px; background:url(img/nav.png) repeat-y right top;width:120px;text-align:center;}
.header_nav li a{ display:block; text-decoration:none; color:#fff;}
.header_nav li.cur,.header_nav li:hover{ background:#ff9900;}
.header_nav li .tul{display:none;width:200px;height:200px;background:red;z-index:9999999999;}
.header_nav li:hover .tul{display:block;}
 
.head{position:relative; width:100%;min-width:1000px;z-index:9999;height:55px; background-color:#043b9e;transition:all .3s} 
.nav{width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;width:11%;height:55px;background:url(img/nav.png) repeat-y right top;transition:all .3s}
.nav ul li .a1{line-height:55px;display:block;text-align:center;font-size:16px;color:#fff;transition:all .3s}
.nav ul li:hover .a1{color:#fff;transition:all .3s;background:#ff9900;}
.nav ul .cur .a1{color:#fff;transition:all .3s;background:#ff9900;}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:55px;z-index:9999999999999999999999}
.nav ul li .div1 .p1{width:100%;float:left;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(img/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{background:url(img/1_27.jpg) center bottom no-repeat;color:#1a1a1a}

.nav ul li .div1 .p2{width:100%;float:left;}
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 15px 0 15px 0;background: #ffffff;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width: 240px; }
.pro-content{width: 100%;padding-top: 20px;}
.pro-right{float: right;width: 940px;}
.pro-left .left-title{background: #043b9e;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{height: 50px;line-height: 50px;font-size:14px;text-align: center;cursor: pointer;color: #fff;width:100%;background: #043b9e;}
.pro-left .left-category ul li.on{background: #ff9900;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #ff9900;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width: 205px;height:235px;background: #f7f7f7; margin: 15px;box-sizing: border-box; transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:205px;height:205px;overflow: hidden;float:left;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #333333;float:left;width:100%;}
.pro-right.active{display: block;} 

 
 /*footer*/
.footer { overflow:hidden; width:100%; background-color:#043b9e; padding-bottom:60px;}
.footer .ftop{ overflow:hidden; width:100%; padding:15px; background-color:#fff;} 
.footer .ftop ul{ overflow:hidden; width:1200px; margin:0 auto; font-size:14px;}
.footer .ftop li{ float:left; width:132px; border-right:1px dotted #999; text-align:center;}
.footer .ftop li a{ color:#333}
.footer .ftop li.last{ border:none}
.footer .info{ overflow:hidden; float:left; margin-top:60px; font-size:14px; line-height:25px; color:#fff;}
.footer .info a{color:#fff;}
.footer .info i{ margin:0 10px;}
.footer .ewm{ display:block; float:right; margin-top:43px;}
.footer h2{ float:right; margin-top:43px; margin-right:20px; width:82px; height:80px; padding:16px 15px; background-color:#fff;}

.footer .Frlink{overflow: hidden;position: relative;left: 100px;top:58px; font-size: 14px;line-height: 25px;color: #fff;width:100px;}
.footer .Frlink a{color:#fff}

